<script setup lang="ts">
//行为

</script>

<template>
  <!--结构 -->
  <el-card shadow="always">
    <!-- 头部：面包屑 -->
    <template v-slot:header>
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item to="/">首页</el-breadcrumb-item>
        <el-breadcrumb-item>发布文章</el-breadcrumb-item>
      </el-breadcrumb>
    </template>

    <!-- 主体：表单 -->
    <el-form label-width="120px">
      <el-form-item label="标题：">
        <el-input placeholder="请输入文章标题" style="width:400px"></el-input>
      </el-form-item>

      <el-form-item label="频道：">
        <el-select placeholder="请选择频道">
          <el-option label="Vue" value="1"></el-option>
          <el-option label="React" value="2"></el-option>
          <el-option label="Node" value="3"></el-option>
        </el-select>
      </el-form-item>

      <el-form-item label="封面：">
        <el-radio-group>
          <el-radio label="">单图</el-radio>
          <el-radio label="">三图</el-radio>
          <el-radio label="">无图</el-radio>
          <el-radio label="">自动</el-radio>
        </el-radio-group>
        <div>预留上传组件</div>
      </el-form-item>

      <el-form-item label="内容：">
        <div>预留富文本编辑器组件</div>
      </el-form-item>

      <el-form-item label="">
        <el-button type="primary">发表文章</el-button>
        <el-button>存入草稿</el-button>
      </el-form-item>
    </el-form>
  </el-card>
</template>

<style scoped>
/*样式*/
</style>
